<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>18001010803 王凯</title>
    <style>
        body{
            padding: 0;
            margin: 0;
            background-color: rgb(240, 239, 239);
        }
        .a h2{
            background-color: red;
            margin: 0;
            font-size: 1.4rem;
            padding: 15px;
            color: #fff;
        }
        a{
            text-decoration: none;
            color: #fff;
        }
        ul{
            list-style: none;
            background-color: #fff;
            padding: 0;
        }
        li{
            padding-top: 15px;
            padding-bottom: 15px;
            border: 1px solid rgb(240, 239, 239);
            padding-left: 20px;
            color: rgb(114, 111, 111);
            position: relative;
        }
        .b img{
            width: 13%;
            position: absolute;
            top: 12px;
            right: 15px;
        }
        span{
            position: absolute;
            right: 15px;
            color:rgb(175, 174, 174);
        }
        .b .bd{
            border-radius: 50%;
        }
        .new{
            position: absolute;
            right: 40px;
            top: 0;
            padding-left: 3px;
            padding-right: 3px;
            padding-bottom: 2px;
            background-color: red;
            color: #fff;
            border-radius: 20px;
        } 
    </style>
</head>
<body>
    <div class="a">
        <h2><a href="dxm5.html"> <&nbsp&nbsp</a>&nbsp设置</h2>
    </div>
    <div class="b">
        <ul>
            <li>
                wifi环境自动播放 <img src="./tp/hdan.jpg"> 
            </li>
            <li>
                移动流量自动播放<img src="./tp/hdan.jpg"> 
            </li>
            <li>
                清空缓存<span>></span>
            </li>
        </ul>
    </div>
    <div class="c">
        <ul>
            <li>
                猫眼用户满意度调查<span>></span>
            </li>
            <li>
                去给猫眼电影打个分<span>></span>
            </li>
            <li>
                图片浏览设置<span>></span>
            </li>
            <li>
                检查新版本<span>></span>
                <p class="new">new</p>
            </li>
            <li>
                诊断网络<span>></span>
            </li>
            <li>
                关于<span>></span>
            </li>            
        </ul>

    </div>
</body>
</html>